<template>
<el-menu
    :mode="direction"
    :uniqueOpened="true"
    :default-active="active"
    class="el-menu-vertical"
    background-color="#fff"
    text-color="#000000"
    active-text-color="#ff5c50"
    router
>
  <el-menu-item index="/profile/user/userInfo">个人资料</el-menu-item>
  <el-menu-item index="/profile/user/userTicket">我的门票</el-menu-item>
</el-menu>
</template>

<script>
import {getDevice} from "@/utils/get-device";

export default {
  name: "asideNav",
  data(){
    return{
      direction:'vertical',
      active:'',
    }
  },
  mounted() {
    if (getDevice()){
      this.direction='horizontal'
    }
    this.active=sessionStorage.getItem("path") || '/profile/user/userInfo'
  },
}
</script>

<style scoped>
.el-menu-vertical{
  /*width: 100px;*/
  /*min-height: 400px;*/
}
</style>
